import React from "react";
import "../../css/zh/gg.css";
import { useNavigate } from "react-router-dom";

import Gzs from "../../css/zh/icon/gzs.svg?react";
const Gg = () => {
  const navigate = useNavigate();
  setTimeout(() => {
    navigate("/ydy1");
  }, 3500);
  return (
    <div>
      <div style={{ textAlign: "center" }}>
        <Gzs className="gg" />
      </div>
      <div class="loader">
        <div class="loading-text">
          Loading
          <span class="dot">.</span>
          <span class="dot">.</span>
          <span class="dot">.</span>
        </div>
        <div class="loading-bar-background">
          <div class="loading-bar">
            <div class="white-bars-container">
              <div class="white-bar"></div>
              <div class="white-bar"></div>
              <div class="white-bar"></div>
              <div class="white-bar"></div>
              <div class="white-bar"></div>
              <div class="white-bar"></div>
              <div class="white-bar"></div>
              <div class="white-bar"></div>
              <div class="white-bar"></div>
              <div class="white-bar"></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  );
};

export default Gg;
